<script setup lang="ts">
import UvLine from '@/uv-ui/components/nv-line/uv-line.vue'
</script>

<template>
  <view class="rounded-lg bg-white px-[15px]">
    <wd-row class="pt-[10px]">
      <wd-col :span="24">
        <view class="flex justify-between pb-[10px]">
          <wd-text text="米饭" color="#333" size="14px" />
          <wd-icon name="delete" size="16px" color="#666" />
        </view>
      </wd-col>
    </wd-row>
    <uv-line color="#f0f0f0" />
    <wd-row>
      <wd-col :span="11">
        <wd-input
          class="!px-0"
          placeholder="请输入"
          label="价格"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
      <wd-col :span="11" :offset="2">
        <wd-input
          class="!px-0"
          placeholder="请输入"
          label="会员价"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
    </wd-row>
    <uv-line color="#f0f0f0" />
    <wd-row>
      <wd-col :span="11">
        <wd-input
          label-width="45%"
          class="!px-0"
          placeholder="请输入"
          label="其他价格1"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
      <wd-col :span="11" :offset="2">
        <wd-input
          label-width="45%"
          class="!px-0"
          placeholder="请输入"
          label="其他价格2"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
    </wd-row>
    <uv-line color="#f0f0f0" />
    <wd-row>
      <wd-col :span="11">
        <wd-input
          label-width="45%"
          class="!px-0"
          placeholder="请输入"
          label="其他价格3"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
      <wd-col :span="11" :offset="2">
        <wd-input
          label-width="45%"
          class="!px-0"
          placeholder="请输入"
          label="其他价格4"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
    </wd-row>
    <uv-line color="#f0f0f0" />
    <wd-row>
      <wd-col :span="11">
        <wd-input
          label-width="45%"
          class="!px-0"
          placeholder="请输入"
          label="其他价格5"
          custom-input-class="text-align-right"
        >
          <template #suffix>
            <wd-text text="元" color="#333" size="14px" />
          </template>
        </wd-input>
      </wd-col>
    </wd-row>
  </view>
</template>

<style scoped lang="scss"></style>
